<div class="blockcms">
    <div class="blocktitle">
        <h3>Reservierungsformular</h3>
    </div>
    <div style="padding:10px">
<?php
if($this->message) {
?>
<div style="padding:10px;margin:0px;background:yellow">
    <?=$this->message?>
</div>
<?php
}
?>
        <form action="<?echo BASE_URL?>/index/contact/process" method="post" name="contactform" id="contactform">
        <table cellspacing="10" class="tf">
            <tbody><tr>
                <td><label for="reservation_company">Firma</label></td>
                <td colspan="2"><input type="text" id="reservation_company" class="" style="width: 140px;" name="company"/></td>
                <td><label for="reservation_guest_id">Gästeanzahl</label>*</td>
                <td><select id="reservation_guest_id" class="validate[required]" style="width: 55px;" name="guest_id">
                    <option selected="selected" value=""></option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13-15</option>
                    <option value="14">>15</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><label for="reservation_gender_id">Anrede</label>*</td>
                <td><select id="reservation_gender_id" class="validate[required]" style="width: 75px;" name="gender">
        <option value="Herr">Herr</option>
        <option value="Frau">Frau</option>
        <option value="Eheleute">Eheleute</option>
        </select></td>
                <td><label for="reservation_firstname">Vorname</label>*</td>
                <td><input type="text" id="reservation_firstname" class="validate[required]" style="width: 90px;" name="firstname"/></td>
                <td><label for="reservation_lastname">Nachname</label>*</td>
                <td><input type="text" id="reservation_lastname" class="validate[required]" style="width: 90px;" name="lastname"/></td>
            </tr>
            <tr>
                <td><label for="reservation_phone">Telefon</label>*</td>
                <td><input type="text" id="reservation_phone" class="validate[required]" style="width: 90px;" name="phone"/></td>
                <td><label for="reservation_email">E-Mail</label>*</td>
                <td><input type="text" id="reservation_email" class="validate[required,custom[email]]" style="width: 90px;" name="email"/></td>
                <td><label for="reservation_mobile">Mobil</label></td>
                <td><input type="text" id="reservation_mobile" class="" style="width: 90px;" name="mobile"/></td>
            </tr>
            <tr>
                <td align="left"><label for="reservation_target_date">Wann</label></td>
                <td colspan="3">
                <input type="text" id="Datetime" name="Datetime" value="">
                </td>
            </tr>
            <tr>
                <td><label for="reservation_message">Ihre Nachricht an uns</label></td>
                <td colspan="5"><textarea id="reservation_message" class="" style="height: 70px; width: 450px;" name="message" cols="30" rows="4"></textarea></td>
            </tr>
            <tr>
                <td colspan="6">
                    <div class="tail container"/>
                    <b>Zusätzliche Angaben</b>
                </td>
            </tr>
            <tr>
                <td><label for="reservation_street">Straße</label></td>
                <td><input type="text" id="reservation_street" class="" style="width: 90px;" name="street"/></td>
                <td><label for="reservation_house_number">Nr.</label></td>
                <td><input type="text" id="reservation_house_number" class="" style="width: 25px;" name="house_number"/></td>
                <td colspan="2"/>
            </tr>
            <tr>
                <td><label for="reservation_postalcode">PLZ</label></td>
                <td><input type="text" id="reservation_postalcode" class="" style="width: 90px;" name="postalcode"/></td>
                <td><label for="reservation_town">Stadt</label></td>
                <td><input type="text" id="reservation_town" class="" style="width: 90px;" name="town"/></td>
                <td><label for="reservation_country_id">Land</label></td>
                <td><select id="reservation_country_id" class="" style="width: 100px;" name="Land">
        <option value="Deutschland">Deutschland</option>
        <option value="Frankreich">Frankreich</option>
        <option value="England">England</option>
        <option value="Norwegen">Norwegen</option>
        <option value="Schweden">Schweden</option>
        <option value="Dänemark">Dänemark</option>
        <option value="Luxemburg">Luxemburg</option>
        <option value="Irland">Irland</option>
        <option value="Island">Island</option>
        <option value="Belgien">Belgien</option>
        <option value="Polen">Polen</option>
        <option value="Tschechien">Tschechien</option>
        <option value="Slowakei">Slowakei</option>
        <option value="Österreich">Österreich</option>
        <option value="Finnland">Finnland</option>
        </select></td>
            </tr>
            <tr>
                <td colspan="6">
                    <input type="submit" style="width: 200px; height: 35px;" class="submit" value="Reservierung absenden" name="submit"/>
                </td>
            </tr>
        </tbody></table>
        </form>
    </div>
</div>
    <script src="<?php  echo JS_PATH?>/jquery/ValidationEngine/js/jquery.validationEngine-de.js" type="text/javascript" charset="utf-8"></script>
    <script src="<?php  echo JS_PATH?>/jquery/ValidationEngine/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="<?php  echo JS_PATH?>/jquery/ValidationEngine/css/validationEngine.jquery.css" type="text/css"/>
    
        <script>
            $(document).ready(function(){
                // binds form submission and fields to the validation engine
                $("#contactform").validationEngine('attach');
            });
        </script>
        
    
    
<link href="<?=JS_PATH?>/jquery/ui/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="<?=JS_PATH?>/jquery/ui/jquery-ui.min.js"></script>
<script  src="<?php  echo JS_PATH.'/jquery/jquery-ui-timepicker-addon.js';?>"></script>
<script>
  $(function() {
		$( "#Datetime" ).datepicker({ 
            changeYear: true,changeMonth: true ,
            //showOn: 'button',
            //buttonImage: '<?=IMAGE_PATH?>/icon_calendar.jpg', 
            //buttonImageOnly: true,
            onSelect: function () { }, 
            onClose: function () { $(this).focus(); },
            dateFormat: 'd/mm/yy'
            //,yearRange: '<?=date('Y', time()) - 90?>:<?=date('Y', time()) - 20?>'
        });
	});
</script>